<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .outer {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            background-image: url(a.png);

            /* background-size: 400px 400px; */
            /* background-size: 100% 100%; */

            /* 把图片等比例缩放，直到能完整装进标签容器中 */
            /* background-size: contain; */

            /* 也是把图片等比例缩放，但是比contain宽松一点，只要一边能完整放进标签容器中，就停止缩放，其他部分裁剪掉 */
            background-size: cover;
        }

    </style>
</head>
<body>

    <div class="outer">
        <!-- <div class="inner"></div> -->
    </div>
    
</body>
</html>